<?php
    echo doctype();
?>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>
            <?php
                echo $this->lang->line('manager_title_front_desk');
            ?>
        </title>
        <?php
            echo link_tag('css/front_desk.css');
        ?>

        <?php
            echo link_tag('css/front_desk_mask.css');
        ?>
        <script type="text/javascript" src="<?php echo base_url() . 'js/jquery-1.4.4.min.js';?>"></script>
        <script type="text/javascript" src="<?php echo base_url() . 'js/common_js.js';?>"></script>
        <script type="text/javascript" src="<?php echo base_url() . 'js/front_desk.js';?>"></script>
        <script type="text/javascript">
            base_url = '<?php echo base_url(); ?>';
            $(document).ready(
                function() {
                    front_desk();
                }
            );
        </script>
    </head>
    <body>
        <div id="floater"></div>
        <div id="container">
            <div id="header">
                <div id="q_logo">
                    <img src="<?php echo base_url(); ?>images/comp_logo.<?php echo $settings['logo']; ?>" alt="logo" title="logo" />
                    <h1>
                        <?php
                            echo $this->lang->line('manager_get_queue_num');
                        ?>
                    </h1>
                </div>
            </div>
            <div id="header_content_sep"></div>
            <div id="content">
                <div id="service_box_holder">
                    <ul>
                        <?php
                            for($i = 0; $i < count($services); $i++) {
                        ?>
                        <li>
                            <div class="service_box">
                                <div class="service_button">
                                    <button id="<?php echo $services[$i]['id']; ?>" name="modal" type="submit">
                                        <div class="service_title"><?php echo $services[$i]['title'] ?></div>
                                    </button>
                                </div>
                            </div>
                        </li>
                        <?php
                            }
                        ?>
                    </ul>
                </div>
            </div>
            <div id="footer">
                <?php
                    echo $this->lang->line('global_copy_right');
                ?>
            </div>
        </div>
        <div id="boxes">
            <!-- Box for entering contact number -->
            <div id="dialog" class="window">
                <div id="dialog_spc"></div>
                <div id="dialog_a">
                    <a href="#" class="close">
                        <?php
                            echo $this->lang->line('manager_close');
                        ?>
                    </a>
                </div>
                <div id="dialog_box">
                    <input id="mobile_number" type="text" name="mobile_number" maxlength="32" onKeyPress="return number_filter(this,event)" />
                    <div id="queue_number">0000</div>
                </div>
                <div id="dialog_form_spc"></div>
                <div id="queue_number_note"></div>
                <button id="submit" type="submit" name="submit">
                    <?php
                        echo $this->lang->line('manager_submit');
                    ?>
                </button>
            </div>
            <!-- Mask to cover the whole screen -->
            <div id="mask"></div>
        </div>
    </body>
</html>